.pxToRem(@p, @px){
    @{p}: @px / 75 * 1rem;
}
.header{
    .pxToRem(height, 90);
    .pxToRem(line-height, 90);
    text-align: center;
    border-bottom: 1px solid #ccc;
    h1{
        .pxToRem(font-size, 28);
        .pxToRem(background-size, 40);
    }
}
.main{
    .pxToRem(margin-bottom, 150);
    .list-content{
        width: 90%;
        .pxToRem(padding-bottom, 50);
        border-bottom: 1px solid #ccc;
        .con_title{
            text-align: center;
            color: #ccc;
            .pxToRem(margin-top, 37);
        }
        figure{
            .pxToRem(margin-top, 45);
            img{
                width: 100%;
            }
        }
        .con-lj{
            width:90%;
            a{
                display: block;
                color: #ccc;
                .pxToRem(font-size, 20);
                .pxToRem(margin-top, 17);
            }
            h2{
                .pxToRem(font-size, 38);
                .pxToRem(margin-top, 8);
            }
            span{
                display: block;
                color: #ccc;
                .pxToRem(font-size, 20);
                .pxToRem(margin-top, 17);
            }
        }
    }
    .list-content:last-child{
        border-bottom: none;
    }
}

.footer{
    .pxToRem(height,99);
    border: 1px solid #ccc;
    background-color:#f8f8f8;
    position: fixed;
    bottom: 0;
    left: 0;
    z-index: 99;
    width: 100%;
    ul{
        height: 100%;
        display: flex;
        li{
            flex: 1;
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            img{
                .pxToRem(width,33);
                .pxToRem(height,39);
            }
            a{
                color: #000;
                .pxToRem(margin-top,8);
            }
        }
    } 
}